
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css" />
        <title>JSP Page</title>
        <style>
            .correcto{border-color: green; background-color: #D0FECB;}
            .vacio {border-color: blue;}
            .incorrecto{border-color: red; background-color: #FFB0B0;}
            .oculto{display: none;}
            .visible{display:inline;}
        </style>
        <script type="text/javascript" src="validarformulario.js"></script>
        <script>
            function getNick(nick, donde)
            {
                var user=document.getElementById(nick);
               
                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
                    if(xmlhttp.responseText==0)
                         {
                           document.getElementById(donde).innerHTML="Usuario no disponible";
                            validarNick(0); 
                            validarArray();
                            
                         }
                     else
                         {
                           document.getElementById(donde).innerHTML="Usuario disponible"; 
                           validarNick(1); 
                           validarArray();
                         }
                     
                 }
               }
          
            xmlhttp.open("GET","usuario.php?nick="+user.value,true);
            xmlhttp.send();
            
         
            }
            
            function getArray(donde,desde)
            {
                
                var x=document.getElementById(desde);
                //alert(nume.value);
                //alert(x.value);
                
                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
                     //alert(xmlhttp.responseText);
                     document.getElementById(donde).innerHTML=xmlhttp.responseText;
                     
                 }
               }
            
            xmlhttp.open("GET","form.php?combo="+x.value+"&num="+donde,true);
            xmlhttp.send();
            
         
            }
            
            
            function getUsuario(nick)
            {
                var user=document.getElementById(nick);
              
                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
                     //alert(xmlhttp.responseText);
                     document.getElementById().innerHTML=xmlhttp.responseText;
                     
                 }
               }
          
            xmlhttp.open("GET","meterusuario.php?nick="+user.value,true);
            xmlhttp.send();
            
         
            }
            
        </script>
    </head>
    
    <body onLoad="checkCookie()">
       
        <div class="contenido">
            
         <div id="titulo">   
        <p>FORMULARIO</p>
         </div>
        <form id="form">
            <br><div id="texto">nombre:</div><div id="cajas"><input type="text" class="vacio" id="nombre" onBlur="validarNombre(); validarArray()"></div>
              <br><div id="texto">apellido:</div><div id="cajas"><input type="text" class="vacio" id="apellido" onBlur="validarApellido(); validarArray();"></div>
              <br><div id="texto">telefono: </div><div id="cajas"><input type="text" class="vacio" id="telefono" onBlur="validarTelefono(); validarArray();"></div>
              <br><div id="texto">mail: </div><div id="cajas"><input type="text" class="vacio" id="mail" onBlur="validarMail(); validarArray();"></div>
              <br><div id="texto">dni: </div><div id="cajas"><input type="text" class="vacio" id="dni" onBlur="validarDni(); validarArray();"></div>
              <!--<br>direccion: <input type="text" class="vacio" id="direccion" onBlur="validarDireccion(); validarArray();">
              !-->
              
              <br><div id="texto">Direccion: </div><div id="cajas"><SELECT id="combo" onChange="getArray('myDiv1','combo')"> 
                <OPTION VALUE="3">----</OPTION>
                <OPTION VALUE="0">Gipuzkoa</OPTION>
                <OPTION VALUE="1">Bizkaia</OPTION>
                <OPTION VALUE="2">Alava</OPTION>
             
                  </SELECT></div>
              <div id="myDiv1">
                
            </div>
              
	    <div id="calles">
                
            </div>
       
                <br><div id="texto">fecha nacimiento: </div><div id="cajas"><input type="text" class="vacio" id="fecha" onBlur="validarFecha(); validarArray();"></div>
              <!--<br>nick: <input type="text" class="vacio" id="nick" onchange="var x=getNick('nick','myDiv')" onBlur="if(x==0){ validarNick(); validarArray();}" >!-->
              <br><div id="texto">nick: </div><div id="cajas"><input type="text" class="vacio" id="nick" onChange="getNick('nick','myDiv');"></div>
              <div id="myDiv">
                 
              </div>
              <br>
			 
			  <input type="button" value="ejecutar" id="boton" class="oculto" onClick="setCookie('username',1); getUsuario('nick');">
			 
        </form>
        
        
     </div>
    </body>
</html>


